iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 15
1

出處 , 有繁體版進入後自行點選 ,
這邊還是決定自行翻譯碰到難翻的再參考繁體版

Express 是一個流行 主導性低 ( 彈性高 ) 的框架 , 用 JS 寫成 、 用 Node 作為執行環境 , 接著會解釋一些主要的優點 、 如何安裝開發環境 、 如何處理常見的網站開發任務
主導性可以看第十日怎麼選框架的文章

前置需求

一般程式觀念知識跟 JS , 但核心觀念不是必要的 。
Note: MDN 在 c-side development 裡有很多 JS 教學資源

JS 的核心觀念與 Node s-side 開發很類似 。 Node 提供額外的 APIs 得以有效支援無瀏覽器環境 ( 例如 : 創造HTTP servers 及存取 file system , 但不支援 DOM&browser 有關的 JS API )

Node.js & Express 有很多其他優良的資源 ( 網路或實體書 ) , 有些資料是從以下參考

Guides

說是指南 , 我是覺得更像課綱

  • Express / Node 介紹
    概覽 Express 有何特點 , 概述主要特色及一個 Express app 主要建構區塊
    ( 雖然這時還沒有安裝好開發環境 )
  • 設置 Node ( Express ) 開發環境
    安裝及測試 Windows, Linux ( Ubuntu ), Mac OS 的 Node / Express 開發環境 ( 這邊預計只會寫到後兩者 , Windows 視時間而定 )
  • Express 教學 : 當地圖書館網站 ( 作為一個範例 )
    這教學系列的第一個練習範例 , 解釋我們將會學到什麼 ? 以及概覽圖書館網站怎麼打造 , 後面章節還會進行優化
  • Express 教學 part 2 : 打造網站骨幹
    打造骨幹 project 教學 , 我們可以接著將它填入路由templates/viewdb
  • Express 教學 part 3 : 使用 db ( Mongoose )
    簡述 Node / Express 上使用 db , 然後我們會演示如何使用 Mongoose 給圖書館網站一個可以用來存取的 db 。
    解釋 object schema, models 宣告 & main field types & 基本驗證 。 簡短說明存取 model data 的幾個方式
    schema, models, field 或許到該章節會再解釋到 , 不過也可以先看前面第九天中段有提過的參考資料
  • Express 教學 part 4 : 路由 & 調節器 ( routes & controllers )
    用「傻瓜」函式設定路由 ( 傻瓜相機的傻瓜,表示簡便易用 ) , 最終我們將它導入圖書館網站 ,
    完成時我們會有個模組化的路由結構 , 後續的文章我們可以持續擴充這些函式 , 也能對如何建立模組化路由有很好地理解
  • Express 教學 part 5 : 展示圖書館資料
    準備好新增幾個用來展示藏書跟其他資料的頁面囉 ! 包含 home page , 用來顯示我們記錄下來的每個 model type , 以及所有 models 的 list, detail pages 。
    在這個章節可以練習取得 db 紀錄 & 使用 templates
  • Express 教學 part 6 : 表單
    在 Express 中如何使用 HTML 表單 , 並使用 pug ( HTML 的預處理器 ) , 以及怎麼從 db 透過表單進行 CRUD ( create, read, update, delete )
  • Express 教學 part 7 : 佈署
    現在我們已經建造一個極好的圖書館網站 , 想要裝在公開的 server , 讓這個網站可以被圖書管理員跟會員使用 。
    本章概覽怎麼去找主機來發佈你的網站 , 還有要讓網站就緒成為待發佈的 production 狀態需要怎麼做

你可能也想看

在 PWS/Cloud Foundry 上安裝圖書館網站
點開之後是顯示: 為何選擇 PWS ? PWS 怎麼用 ? ...
PWS ( Pivotal Web Services , pivotal 關鍵的 ) is a public instance of the Open Source Cloud Foundry Platform.

Pivotal Web Services PaaS cloud 是一個多功能、開源的 Heroku 替代方案 , PaaS cloud service 被用在上列的 part 7 中。
如果正在尋找類似 Heroku ( 或其他 PaaS cloud service ) 的服務 , 或只想簡單試一點不同的東西 , PWS/Cloud Foundry 絕對值得

加入更多課程

這是現在這篇文章的尾聲了 , 若您有意願補充教學 , 其他的主題為 :

  • Session 用法、用途
  • User 驗證
  • User 授權 、 權限
  • Express app 測試
  • Express app 安全性

上一篇
14日: Website security ( 關鍵訊息 、 總結 )
下一篇
16日: Express/Node introduction ( Node 介紹 、 Hello Node.js 、 Express 介紹 )
系列文
還在想要買哪一堂線上課程嗎?培養看文件的習慣吧!用 MDN 文件學後端:NodeJS & MongooseDB30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
King Tzeng
iT邦新手 3 級 ‧ 2019-10-03 20:38:46

Express的設定我超需要的!!拜讀中(⁎⁍̴̛ᴗ⁍̴̛⁎)

PeterLiao iT邦新手 4 級 ‧ 2019-10-03 22:02:06 檢舉

我到完賽都寫不完惹!!拜天公伯中/images/emoticon/emoticon02.gif

我要留言

立即登入留言